body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f7f7f7;
    // max-width: 750px;
  }
  header {
      width: 9.173333rem;
      height: 3.413333rem;
      margin: 0 auto;
    p {
        float: left;
        color:#06121e;
        font-size:.48rem;
        i {
            font-size: .373333rem;
            color: #8c9198;
            margin-right: .346667rem;
        }
    }
    span {
        float: right;
        color:#6a6c6b;
        font-size:.373333rem;
        margin:.266667rem 0 1.12rem 0;
    }
    .txt {
        width: 100%;
        height: 1.653333rem;
        display: flex;
        padding-left: .4rem;
        box-sizing: border-box;
        img {
            width: 1.6rem;
            height: 1.6rem;
        }
        .txte {
            width: 5.546667rem;
            height: 100%;
            margin-left: .32rem;
            p{
                &:nth-child(1) {
                    font-weight:700;
                    color:#202020;
                    font-size:.586667rem;
                }
                &:nth-child(2) {
                    color:#6a6c6b;
                    font-size:.426667rem;
                }
            }
        }
    }
  }
  .table {
      width: 9.173333rem;
      height: 2.933333rem;
      margin: 1.493333rem auto .32rem;
      padding-left: .533333rem;
      box-sizing: border-box;
      input {
          width: 8.266667rem;
          height: .906667rem;
          border: 0;
          border-bottom: 1px solid #bdc4ce;
          background: none;
          font-size: .453333rem;
          &::placeholder {
            color:#b0b8c2;
            font-size:.453333rem;
          }
          &:nth-child(1) {
            margin-bottom:.48rem;
        }
      }
  }
  .rodain {
      width: 8.266667rem;
      height: .533333rem;
      margin: 0 auto 1.013333rem;
      position: relative;
      input {
          position: absolute;
          width: .533333rem;
          height: .533333rem;
          left: 0;
          top:0;
      }
      span {
        color:#8c9198;
        font-size:.32rem;
        position: absolute;
        left: .666667rem;
        top:.053333rem;
      }
  }
  .btn {
      width: 9.173333rem;
      height: 1.333333rem;
      margin: 0 auto;
      .dl {
          width: 7.36rem;
          height: 100%;
          background-color: #ff6200;
          text-align: center;
          color: #fff;
          line-height: 1.333333rem;
          border-radius: .666667rem;
          margin: 0 auto;
          font-size: .4rem;
      }
  }
  .span {
      width: 9.173333rem;
      height: .586667rem;
      margin: .266667rem auto 1.6rem;
      line-height: .586667rem;
      span {
        font-weight:700;
        color:#6a6c6b;
        font-size:.373333rem;
      }
  }
  footer {
      width: 9.173333rem;
      height: 2.8rem;
      margin: 0 auto .533333rem;
      p {
        color:#6a6c6b;
        font-size:.32rem;
        text-align: center;
        margin-bottom: .586667rem;
      }
      ul {
          width: 7.333333rem;
          height: 1.6rem;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
          li {
              width: 20%;
              img {
                  width: 1.333333rem;
                  height: 1.333333rem;
                  margin: 0 auto;
              }
          }
      }
  }